<template>
  <div>
    <input v-model="title"/>
    <p>{{title}}</p>
    <hr/>
    <child-sync-page :title.sync="title"></child-sync-page>
  </div>
</template>
<script>
import ChildSyncPage from './views/ChildSyncPage';
export default {
  name:'SyncPage',//slotProps={prefix:'$',suffix:'!'}
  data:()=>({
    title:'hello'
  }),
  /*  methods:{
    // v-on:update:title="updateTitle"
    updateTitle(newTitle){
      this.title = newTitle
    }
  }, */
  components:{
    ChildSyncPage
  }
}
</script>